.timeline-wrapper {
  padding: 16px 16px 0;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 4px;
  border-top: none;
  &:last-child {
    border-bottom: none;
  }
  &.use-in-log {
    padding: 0;
  }
  .timeline-comment-item {
    display: flex;
    align-items: flex-start;
    position: relative;
    &:last-child {
      .timeline-comment-item-left-line {
        display: none;
      }
    }
    &-right {
      flex: 1;
      margin-left: 12px;
      font-weight: 400;
    }
    &-left {
      &-line {
        position: absolute;
        top: 32px;
        bottom: 4px;
        left: 14px;
        width: 1px;
        background: $gray-03;
        z-index: 2;
      }
    }
  }
}

.comment-input-md {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  border-top: 1px solid $gray-02;
  .input-area {
    flex: 1;
    padding-left: 14px;
    .placeholder-text {
      background: $gray-01;
    }
  }
}

// 在面板中对md进行调整
.conversation.use-in-log {
  .comment-input-md {
    border-top: 0;
    padding: 0 0 16px;
    .input-area {
      padding: 0;
    }
  }
}
